/* 屏幕适配 */ 
@media only screen and (max-width:1080px), only screen and (max-device-width:1080px) {
html,body {
font-size:168.75px;
}
}
@media only screen and (max-width:960px), only screen and (max-device-width:960px) {
html,body {
font-size:150px;
}
}
@media only screen and (max-width:720px), only screen and (max-device-width:720px) {
html,body {
font-size:112.5px;
}
}
@media only screen and (max-width:640px), only screen and (max-device-width:640px) {
html,body {
font-size:100px;
}
}
@media only screen and (max-width:480px), only screen and (max-device-width:480px) {
html,body {
font-size:75px;
}
}
@media only screen and (max-width:375px), only screen and (max-device-width:375px) {
html,body {
font-size:58.59375px;
}
}
@media only screen and (max-width:320px), only screen and (max-device-width:320px) {
html,body {
font-size:50px;
}
}

body {
    font-size:16px;
}

/* 分类网页样式 */ 
.pyg_categorys {
    height: 100%;
    // 弹性布局
    display:flex;

    
    /*左边分类列表*/
    .category_left {
        width: 1rem;
        height: 100%;
        overflow:hidden;

        > ul {
            margin: 0;
            padding: 0;
            list-style: none;
            
            li {
                font-size: .16rem;
                height: .48rem;
                line-height: .48rem;
                text-align: center;
            }

            // 被选中li的样式
            > .active {
                border-left: .03rem solid #09f;
                background-color: #fff;
            }
        }
    }

    /*右边对应某类商品的品牌*/
    .category_right {
        flex: 1;
        height: 100%;
        background-color: #fff;
        overflow: hidden;

         .category_item {
            width: 100%;

            > .item_title {
                font-size: .16rem;
                color: #09f;
                height: .48rem;
                line-height: .48rem;
                box-sizing: border-box;
                padding-left: .10rem;
            }

            > ul {
                margin: 0;
                padding: 0;
                list-style: none;
                // 弹性布局
                display: flex;
                flex-wrap: wrap;

                > li {
                    width: 33.3%;

                    > a {
                        display: block;
                        text-align: center;

                        > img {
                            display: block;
                            margin: 0 auto;
                            width: 80%;
                        }

                        > div {
                            color:#000;
                            font-size: .16rem;
                        }
                    }
                }
            }
        }
    }
}